﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
	xmlns:ic="http://schemas.microsoft.com/expression/2010/interactions"
	xmlns:local="clr-namespace:SilverAmp" xmlns:toolkit="http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit" xmlns:SilverAmp_Views="clr-namespace:SilverAmp.Views" x:Name="userControl"
	mc:Ignorable="d"
	x:Class="SilverAmp.MainView"
	d:DesignWidth="600" d:DesignHeight="400" 
    d:DataContext="{d:DesignData /SampleData/MainViewModelSampleData.xaml}" Width="600" Height="400" >
	<UserControl.Resources>
		<local:MainViewModel x:Key="MainViewModelDataSource" />
	</UserControl.Resources>

		<Grid x:Name="LayoutRoot_Copy"
				DataContext="{Binding Source={StaticResource MainViewModelDataSource}}" 
			    d:DataContext="{d:DesignData /SampleData/MainViewModelSampleData.xaml}" Height="400" Drop="LayoutRootDrop" AllowDrop="True">
			<i:Interaction.Triggers>
        <i:EventTrigger EventName="Loaded">
            <i:InvokeCommandAction Command="{Binding ShowMenu}"/>
        </i:EventTrigger>
    </i:Interaction.Triggers>
			<VisualStateManager.VisualStateGroups>
				<VisualStateGroup x:Name="VisualStates">
					<VisualStateGroup.Transitions>
						<VisualTransition GeneratedDuration="0:0:0.3">
							<VisualTransition.GeneratedEasingFunction>
								<CubicEase EasingMode="EaseInOut"/>
							</VisualTransition.GeneratedEasingFunction>
						</VisualTransition>
					</VisualStateGroup.Transitions>
					<VisualState x:Name="Collapsed">
						<Storyboard>
							<DoubleAnimation Duration="0" To="170" Storyboard.TargetProperty="(FrameworkElement.Height)" Storyboard.TargetName="Frame" d:IsOptimized="True"/>
						</Storyboard>
					</VisualState>
					<VisualState x:Name="Expanded"/>
				</VisualStateGroup>
			</VisualStateManager.VisualStateGroups>
			<Grid.RowDefinitions>
				<RowDefinition Height="170"/>
				<RowDefinition/>
				<RowDefinition Height="30"/>
			</Grid.RowDefinitions>
			<Grid x:Name="Frame" Margin="0,0,-1,0" Grid.RowSpan="3" Height="400" VerticalAlignment="Top">
				<Grid.RowDefinitions>
					<RowDefinition/>
					<RowDefinition Height="30"/>
				</Grid.RowDefinitions>
				<Rectangle Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF000000" Grid.RowSpan="2" Fill="{StaticResource DarkBlueGradientBrush}"/>
				<Rectangle Stretch="Fill" Fill="#FF000000" StrokeThickness="3" StrokeLineJoin="Round" Margin="15,0,14,14" Grid.RowSpan="2">
					<Rectangle.Stroke>
						<LinearGradientBrush StartPoint="0.471822,0.0129314" EndPoint="1.4672,0.0129314">
							<LinearGradientBrush.RelativeTransform>
								<TransformGroup>
									<SkewTransform CenterX="0.471822" CenterY="0.0129314" AngleX="39.0596" AngleY="0"/>
									<RotateTransform CenterX="0.471822" CenterY="0.0129314" Angle="84.8631"/>
								</TransformGroup>
							</LinearGradientBrush.RelativeTransform>
							<GradientStop Color="#FF212121" Offset="0"/>
							<GradientStop Color="#FF212121" Offset="0.431034"/>
							<GradientStop Color="#FF3E3E3E" Offset="0.646552"/>
							<GradientStop Color="#FF3E3E3E" Offset="1"/>
						</LinearGradientBrush>
					</Rectangle.Stroke>
				</Rectangle>
				<Path Width="15.465" Stretch="Fill" Data="F1 M 571.132,12.7192L 585.596,12.7504L 585.598,0.5" StrokeLineJoin="Round" HorizontalAlignment="Right" Margin="0,14.793,1.695,1.956" UseLayoutRounding="False" Grid.Row="1">
					<Path.Stroke>
						<LinearGradientBrush StartPoint="-0.0161653,1.33608" EndPoint="1.65866,1.33608">
							<GradientStop Color="#06FFFFFF" Offset="0"/>
							<GradientStop Color="#4EFCFCFC" Offset="0.168103"/>
							<GradientStop Color="#00F0F0F0" Offset="1"/>
						</LinearGradientBrush>
					</Path.Stroke>
				</Path>
				<Grid
					HorizontalAlignment="Left" VerticalAlignment="Top" Margin="12,19,0,0" Grid.Row="1">
					<Rectangle
						Width="7" Height="7" Stretch="Fill" HorizontalAlignment="Center" Margin="0" VerticalAlignment="Center" Fill="{StaticResource BevelDownBrush}"/>
					<Rectangle
						Width="5" Height="5" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF000000" Fill="{StaticResource BlueBrush}" HorizontalAlignment="Center" Margin="0" VerticalAlignment="Center"/>
				</Grid>
				<Grid
					HorizontalAlignment="Left" VerticalAlignment="Top" Margin="4,19,0,0" Grid.Row="1">
					<Rectangle
						Width="7" Height="7" Stretch="Fill" HorizontalAlignment="Center" Margin="0" VerticalAlignment="Center" Fill="{StaticResource BevelDownBrush}"/>
					<Rectangle
						Width="5" Height="5" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF000000" Fill="{StaticResource BlueBrush}" HorizontalAlignment="Center" Margin="0" VerticalAlignment="Center"/>
				</Grid>
				<Grid
					HorizontalAlignment="Left" VerticalAlignment="Top" Margin="4,11,0,0" Grid.Row="1">
					<Rectangle
						Width="7" Height="7" Stretch="Fill" HorizontalAlignment="Center" Margin="0" VerticalAlignment="Center" Fill="{StaticResource BevelDownBrush}"/>
					<Rectangle
						Width="5" Height="5" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF000000" Fill="{StaticResource BlueBrush}" HorizontalAlignment="Center" Margin="0" VerticalAlignment="Center"/>
				</Grid>
				<Grid
					HorizontalAlignment="Left" VerticalAlignment="Top" Margin="4,3,0,0" Grid.Row="1" d:LayoutOverrides="VerticalAlignment">
					<Rectangle
						Width="7" Height="7" Stretch="Fill" HorizontalAlignment="Center" Margin="0" VerticalAlignment="Center" Fill="{StaticResource BevelDownBrush}"/>
					<Rectangle
						Width="5" Height="5" Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF000000" Fill="{StaticResource BlueBrush}" HorizontalAlignment="Center" Margin="0" VerticalAlignment="Center"/>
				</Grid>
				<SilverAmp_Views:PluginsView Margin="18,0,18,-10" d:LayoutOverrides="Width" VerticalAlignment="Bottom" Height="247"/>
			</Grid>
			<Grid x:Name="TopLayer" Margin="0,0,-1,1">
				<Grid.ColumnDefinitions>
					<ColumnDefinition Width="279"/>
					<ColumnDefinition/>
					<ColumnDefinition Width="312"/>
				</Grid.ColumnDefinitions>
				<Path Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF000000" Data="F1 M -100.004,139.962L 189.641,139.962L 199.766,105.212L 452.89,105.212L 462.271,114.587L 500.018,114.587L 500.018,-26.0644L -100.004,-26.0644L -100.004,139.962 Z " Margin="0.093,0.027,-0.115,1.947" UseLayoutRounding="False" Grid.ColumnSpan="3">
					<Path.Fill>
						<LinearGradientBrush StartPoint="0.219959,-0.000464676" EndPoint="0.219959,1.00125">
							<GradientStop Color="#FF2A4873" Offset="0.00862069"/>
							<GradientStop Color="#FF141C24" Offset="0.784483"/>
							<GradientStop Color="#FF1D2431" Offset="0.892241"/>
							<GradientStop Color="#FF101010" Offset="1"/>
						</LinearGradientBrush>
					</Path.Fill>
				</Path>
				<Path Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF151F29" Data="F1 M -80.5032,141.942L 190.997,141.942L 201.497,107.442L 451.997,107.442L 460.997,116.442L 483.497,116.442" Height="35.5" Margin="19.594,0,16.406,-0.033" UseLayoutRounding="False" VerticalAlignment="Bottom" Grid.ColumnSpan="3"/>
				<Rectangle Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF000000" Height="15.528" VerticalAlignment="Top" Grid.ColumnSpan="3">
					<Rectangle.Fill>
						<LinearGradientBrush StartPoint="0.809748,-0.000214261" EndPoint="0.809748,1.00001">
							<GradientStop Color="#FF1F2B40" Offset="0.00431034"/>
							<GradientStop Color="#FF252525" Offset="0.853448"/>
							<GradientStop Color="#FF151515" Offset="1"/>
						</LinearGradientBrush>
					</Rectangle.Fill>
				</Rectangle>
				<Path Stretch="Fill" StrokeLineJoin="Round" Stroke="#FF000000" Data="F1 M -94.3141,-11.224L 134.7,-11.2945L 139.059,-15.7086L 265.686,-15.7086L 269.812,-11.3336L 494.934,-11.3336L 494.684,95.9164L -94.5657,96.0414L -94.3141,-11.224 Z " Margin="5.531,10.382,4.969,45.868" UseLayoutRounding="False" Grid.ColumnSpan="3">
					<Path.Fill>
						<LinearGradientBrush StartPoint="0.505818,0.00293624" EndPoint="0.505818,1.0007">
							<GradientStop Color="#FF1F2B40" Offset="0.00431034"/>
							<GradientStop Color="#FF1C212B" Offset="0.107759"/>
							<GradientStop Color="#FF252525" Offset="0.831897"/>
							<GradientStop Color="#FF1D2431" Offset="0.922414"/>
							<GradientStop Color="#FF151515" Offset="1"/>
						</LinearGradientBrush>
					</Path.Fill>
				</Path>
				<Grid x:Name="Details" Margin="0,0,0,70" Grid.ColumnSpan="3">
					<Viewbox HorizontalAlignment="Left" Height="10.041" Margin="198,4,0,0" VerticalAlignment="Top" Width="20.548">
						<Canvas Width="20.5481" Height="10.0417">
							<Path Width="20.5481" Height="10.0417" Canvas.Left="-2.28882e-005" Canvas.Top="0" Stretch="Fill" Data="F1 M 10.0442,0L 20.5481,0.000244141L 10.5038,10.0417L -2.28882e-005,10.0415L 10.0442,0 Z " Fill="{StaticResource BevelDownBrush}"/>
							<Path Width="12.9906" Height="7.18771" Canvas.Left="4.061" Canvas.Top="1.33899" Stretch="Fill" StrokeLineJoin="Round" Stroke="{StaticResource BlackBrush}" Fill="{StaticResource BlueBrush}" Data="F1 M 10.7504,1.83899L 16.5516,1.83899L 10.3622,8.0267L 4.561,8.02667L 10.7504,1.83899 Z "/>
						</Canvas>
					</Viewbox>
					<Viewbox HorizontalAlignment="Left" Height="10.041" Margin="223,4,0,0" VerticalAlignment="Top" Width="20.548">
						<Canvas Width="20.5481" Height="10.0417">
							<Path Width="20.5481" Height="10.0417" Canvas.Left="-1.52588e-005" Canvas.Top="0" Stretch="Fill" Data="F1 M 10.0442,0L 20.5481,0.000244141L 10.5038,10.0417L -1.52588e-005,10.0415L 10.0442,0 Z " Fill="{StaticResource BevelDownBrush}"/>
							<Path Width="12.9906" Height="7.18771" Canvas.Left="4.061" Canvas.Top="1.33899" Stretch="Fill" StrokeLineJoin="Round" Stroke="{StaticResource BlackBrush}" Fill="{StaticResource BlueBrush}" Data="F1 M 10.7504,1.83899L 16.5516,1.83899L 10.3622,8.0267L 4.561,8.02667L 10.7504,1.83899 Z "/>
						</Canvas>
					</Viewbox>
					<Viewbox HorizontalAlignment="Left" Height="10.041" Margin="211,4,0,0" VerticalAlignment="Top" Width="20.548">
						<Canvas Width="20.5481" Height="10.0417">
							<Path Width="20.5481" Height="10.0417" Canvas.Left="-2.28882e-005" Canvas.Top="0" Stretch="Fill" Data="F1 M 10.0442,0L 20.5481,0.000244141L 10.5038,10.0417L -2.28882e-005,10.0415L 10.0442,0 Z " Fill="{StaticResource BevelDownBrush}"/>
							<Path Width="12.9906" Height="7.18771" Canvas.Left="4.06098" Canvas.Top="1.33899" Stretch="Fill" StrokeLineJoin="Round" Stroke="{StaticResource BlackBrush}" Fill="{StaticResource BlueBrush}" Data="F1 M 10.7504,1.83899L 16.5516,1.83899L 10.3622,8.0267L 4.56098,8.02667L 10.7504,1.83899 Z "/>
						</Canvas>
					</Viewbox>
					<Viewbox HorizontalAlignment="Left" Height="10.041" Margin="185,4,0,0" VerticalAlignment="Top" Width="20.549">
						<Canvas Width="20.5481" Height="10.0417">
							<Path Width="20.5481" Height="10.0417" Canvas.Left="-2.28882e-005" Canvas.Top="0" Stretch="Fill" Data="F1 M 10.0442,0L 20.5481,0.000244141L 10.5038,10.0417L -2.28882e-005,10.0415L 10.0442,0 Z " Fill="{StaticResource BevelDownBrush}"/>
							<Path Width="12.9906" Height="7.18771" Canvas.Left="4.061" Canvas.Top="1.33899" Stretch="Fill" StrokeLineJoin="Round" Stroke="{StaticResource BlackBrush}" Fill="{StaticResource BlueBrush}" Data="F1 M 10.7504,1.83899L 16.5516,1.83899L 10.3622,8.0267L 4.561,8.02667L 10.7504,1.83899 Z "/>
						</Canvas>
					</Viewbox>
					<Viewbox HorizontalAlignment="Right" Height="6" Margin="0,6,6,0" VerticalAlignment="Top" Width="6" d:LayoutOverrides="HorizontalAlignment">
						<Canvas Width="6" Height="6">
							<Rectangle Width="6" Height="6" Canvas.Left="0" Canvas.Top="0" Stretch="Fill">
								<Rectangle.Fill>
									<LinearGradientBrush StartPoint="-0.0010376,2.03451e-005" EndPoint="0.998962,1.00002">
										<GradientStop Color="#FF212121" Offset="0"/>
										<GradientStop Color="#FF212121" Offset="0.431034"/>
										<GradientStop Color="#FF3E3E3E" Offset="0.646552"/>
										<GradientStop Color="#FF3E3E3E" Offset="1"/>
									</LinearGradientBrush>
								</Rectangle.Fill>
							</Rectangle>
							<Rectangle Width="3.34314" Height="3.34311" Canvas.Left="1.26495" Canvas.Top="1.27008" Stretch="Fill" Fill="#FF000000"/>
						</Canvas>
					</Viewbox>
					<Viewbox HorizontalAlignment="Right" Height="6" Margin="0,6,13,0" VerticalAlignment="Top" Width="6" d:LayoutOverrides="HorizontalAlignment">
						<Canvas Width="6" Height="6">
							<Rectangle Width="6" Height="6" Canvas.Left="0" Canvas.Top="0" Stretch="Fill">
								<Rectangle.Fill>
									<LinearGradientBrush StartPoint="-0.0010376,2.03451e-005" EndPoint="0.998962,1.00002">
										<GradientStop Color="#FF212121" Offset="0"/>
										<GradientStop Color="#FF212121" Offset="0.431034"/>
										<GradientStop Color="#FF3E3E3E" Offset="0.646552"/>
										<GradientStop Color="#FF3E3E3E" Offset="1"/>
									</LinearGradientBrush>
								</Rectangle.Fill>
							</Rectangle>
							<Rectangle Width="3.34314" Height="3.34311" Canvas.Left="1.26495" Canvas.Top="1.27008" Stretch="Fill" Fill="#FF000000"/>
						</Canvas>
					</Viewbox>
					<Viewbox HorizontalAlignment="Right" Height="6" Margin="0,6,21,0" VerticalAlignment="Top" Width="6" d:LayoutOverrides="HorizontalAlignment">
						<Canvas Width="6" Height="6">
							<Rectangle Width="6" Height="6" Canvas.Left="0" Canvas.Top="0" Stretch="Fill">
								<Rectangle.Fill>
									<LinearGradientBrush StartPoint="-0.0010376,2.03451e-005" EndPoint="0.998962,1.00002">
										<GradientStop Color="#FF212121" Offset="0"/>
										<GradientStop Color="#FF212121" Offset="0.431034"/>
										<GradientStop Color="#FF3E3E3E" Offset="0.646552"/>
										<GradientStop Color="#FF3E3E3E" Offset="1"/>
									</LinearGradientBrush>
								</Rectangle.Fill>
							</Rectangle>
							<Rectangle Width="3.34314" Height="3.34311" Canvas.Left="1.26495" Canvas.Top="1.27008" Stretch="Fill" Fill="#FF000000"/>
						</Canvas>
					</Viewbox>
					<Path Stretch="Fill" Data="F1 M -97.8162,-22.8697L -51.3162,-22.8697" StrokeLineJoin="Round" HorizontalAlignment="Left" Height="1" Margin="5.306,4.485,0,0" UseLayoutRounding="False" VerticalAlignment="Top" Width="47.5">
						<Path.Stroke>
							<LinearGradientBrush StartPoint="0.0100933,0.500061" EndPoint="0.98904,0.500061">
								<GradientStop Color="#06FFFFFF" Offset="0"/>
								<GradientStop Color="#4EFCFCFC" Offset="0.168103"/>
								<GradientStop Color="#00F0F0F0" Offset="1"/>
							</LinearGradientBrush>
						</Path.Stroke>
					</Path>
					<Path Stretch="Fill" Data="F1 M 440.746,101.105L 455.21,101.136L 465.148,111.074L 494.148,111.074" StrokeLineJoin="Round" HorizontalAlignment="Right" Height="10.969" Margin="0,0,6.23,-39.429" UseLayoutRounding="False" VerticalAlignment="Bottom" Width="54.402" d:LayoutOverrides="HorizontalAlignment">
						<Path.Stroke>
							<LinearGradientBrush StartPoint="0.0088134,0.0455872" EndPoint="0.863569,0.0455872">
								<GradientStop Color="#06FFFFFF" Offset="0"/>
								<GradientStop Color="#4EFCFCFC" Offset="0.168103"/>
								<GradientStop Color="#00F0F0F0" Offset="1"/>
							</LinearGradientBrush>
						</Path.Stroke>
					</Path>
				</Grid>
				<Grid x:Name="Controls" Margin="6,16,5,46" Grid.ColumnSpan="3">
					<Grid.ColumnDefinitions>
						<ColumnDefinition Width="0.467*"/>
						<ColumnDefinition Width="0.016*"/>
						<ColumnDefinition Width="0.517*"/>
					</Grid.ColumnDefinitions>
					<TextBox Grid.ColumnSpan="3" Height="39.775" Margin="36,52,28,15" Style="{StaticResource TrackDisplayTextBoxStyle}" 
						TextWrapping="Nowrap" Text="{Binding CurrentlyPlayingSong, Mode=TwoWay}" FontFamily="/SilverAmp;component/Fonts/Fonts.zip#Segoe UI" FontSize="30" Foreground="#FFC3D5EB" Padding="2" IsReadOnly="True"/>
					<Slider VerticalAlignment="Top" Margin="36,14,28,0" Grid.ColumnSpan="3" Value="{Binding CurrentPosition, Mode=TwoWay}" Style="{StaticResource SliderStyle}" 
					Maximum="{Binding TotalPosition, Mode=TwoWay}"/>
				</Grid>
				<Grid x:Name="Buttons" Margin="6,0,0,0" Height="46" VerticalAlignment="Bottom">
					<StackPanel Margin="19,7,0,9" Orientation="Horizontal" d:LayoutOverrides="Height">
						<Button x:Name="ButtonRewind" Height="30.2813" Style="{StaticResource NormalButtonStyle}" Width="45.5625" Margin="0,0,5,0">
							<StackPanel Orientation="Horizontal">
								<Path Stretch="Fill" StrokeLineJoin="Round" Stroke="{StaticResource DeepBlueBrush}" Fill="{StaticResource HightLightBrush}" Data="F1 M 57.0375,177.394L 49.1937,172.443L 57.0375,168.007L 57.0375,177.394 Z " HorizontalAlignment="Right" Margin="0" UseLayoutRounding="False" Width="8.843" Height="10.387" VerticalAlignment="Bottom"/>
								<Path Stretch="Fill" StrokeLineJoin="Round" Stroke="{StaticResource DeepBlueBrush}" Fill="{StaticResource HightLightBrush}" Data="F1 M 65.1375,177.394L 57.2937,172.443L 65.1375,168.007L 65.1375,177.394 Z " HorizontalAlignment="Right" Margin="0" UseLayoutRounding="False" Width="8.843" Height="10.387" VerticalAlignment="Bottom"/>
							</StackPanel>
						</Button>
						<Button x:Name="ButtonPlay" Height="30.2813" Width="45.5625" Margin="0,0,5,0" Command="{Binding PlayCommand}" Style="{StaticResource NormalButtonStyle}">
							<Path Stretch="Fill" StrokeLineJoin="Round" Stroke="{StaticResource DeepBlueBrush}" Fill="{StaticResource HightLightBrush}" Data="F1 M 104.663,166.106L 116.101,173.325L 104.663,179.793L 104.663,166.106 Z " UseLayoutRounding="False" Width="12.437" Height="14.688" HorizontalAlignment="Center" VerticalAlignment="Center"/>
						</Button>
						<Button x:Name="ButtonPause" Height="30.2813" Style="{StaticResource NormalButtonStyle}" Width="45.5625" Margin="0,0,5,0" Command="{Binding StopCommand}">
							<StackPanel Orientation="Horizontal" Width="12" HorizontalAlignment="Center" VerticalAlignment="Center">
								<Rectangle Stretch="Fill" StrokeLineJoin="Round" Stroke="{StaticResource DeepBlueBrush}" Fill="{StaticResource HightLightBrush}" HorizontalAlignment="Left" Height="14.812" Width="4.426"/>
								<Rectangle Stretch="Fill" StrokeLineJoin="Round" Stroke="{StaticResource DeepBlueBrush}" Fill="{StaticResource HightLightBrush}" HorizontalAlignment="Right" Height="14.812" Margin="3,0,1,0" Width="4.426"/>
							</StackPanel>
						</Button>
						<Button x:Name="ButtonForward" Height="30.2813" Style="{StaticResource NormalButtonStyle}" Width="45.5625" Margin="0,0,5,0">
							<StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
								<Path Stretch="Fill" StrokeLineJoin="Round" Stroke="{StaticResource DeepBlueBrush}" Fill="{StaticResource HightLightBrush}" Data="F1 M 207.983,168.007L 215.827,172.958L 207.983,177.394L 207.983,168.007 Z " UseLayoutRounding="False" Width="8.844" Height="10.387"/>
								<Path Stretch="Fill" StrokeLineJoin="Round" Stroke="{StaticResource DeepBlueBrush}" Fill="{StaticResource HightLightBrush}" Data="F1 M 199.883,168.007L 207.727,172.958L 199.883,177.394L 199.883,168.007 Z " UseLayoutRounding="False" Width="8.844" Height="10.387"/>
							</StackPanel>
						</Button>
						<Button x:Name="ButtonShowMenu" Height="30.2813" Style="{StaticResource NormalButtonStyle}" Width="45.5625" Margin="0,0,5,0" Command="{Binding ShowMenu}">
							<toolkit:WrapPanel HorizontalAlignment="Center" Orientation="Horizontal" VerticalAlignment="Center" Width="18" >
								<Rectangle Stretch="Fill" StrokeLineJoin="Round" Stroke="{StaticResource DeepBlueBrush}" Fill="{StaticResource HightLightBrush}" Height="4" Width="4" Margin="1"/>
								<Rectangle Stretch="Fill" StrokeLineJoin="Round" Stroke="{StaticResource DeepBlueBrush}" Fill="{StaticResource HightLightBrush}" Height="4" Width="4" Margin="1"/>
								<Rectangle Stretch="Fill" StrokeLineJoin="Round" Stroke="{StaticResource DeepBlueBrush}" Fill="{StaticResource HightLightBrush}" Height="4" Width="4" Margin="1"/>
								<Rectangle Stretch="Fill" StrokeLineJoin="Round" Stroke="{StaticResource DeepBlueBrush}" Fill="{StaticResource HightLightBrush}" Height="4" Width="4" Margin="1"/>
								<Rectangle Stretch="Fill" StrokeLineJoin="Round" Stroke="{StaticResource DeepBlueBrush}" Fill="{StaticResource HightLightBrush}" Height="4" Width="4" Margin="1"/>
								<Rectangle Stretch="Fill" StrokeLineJoin="Round" Stroke="{StaticResource DeepBlueBrush}" Fill="{StaticResource HightLightBrush}" Height="4" Width="4" Margin="1"/>
								<Rectangle Stretch="Fill" StrokeLineJoin="Round" Stroke="{StaticResource DeepBlueBrush}" Fill="{StaticResource HightLightBrush}" Height="4" Width="4" Margin="1"/>
								<Rectangle Stretch="Fill" StrokeLineJoin="Round" Stroke="{StaticResource DeepBlueBrush}" Fill="{StaticResource HightLightBrush}" Height="4" Width="4" Margin="1"/>
								<Rectangle Stretch="Fill" StrokeLineJoin="Round" Stroke="{StaticResource DeepBlueBrush}" Fill="{StaticResource HightLightBrush}" Height="4" Width="4" Margin="1"/>
							</toolkit:WrapPanel>
						</Button>
					</StackPanel>
				</Grid>
				<TextBlock HorizontalAlignment="Right" TextWrapping="Wrap" Text="{Binding TotalTime}" VerticalAlignment="Top" Grid.Column="2" Margin="0,20,16,0"/>
				<TextBlock HorizontalAlignment="Left" TextWrapping="Wrap" Text="{Binding CurrentTime}" VerticalAlignment="Top" Margin="20,20,0,0"/>
			</Grid>
		</Grid>

</UserControl>